<gm:page title="Places" authenticate="false">

   <table width="100%" height="300">
     <tr>
       <td width="300" valign="top">
          <gm:list id="list" template="photoList" data="http://picasaweb.google.es/data/feed/base/user/matatunos/albumid/4961571529010839569?kind=photo&alt=atom&hl=es">
           <gm:handleEvent src="map" event="select"/>
         </gm:list>
       </td>
       <td height="300">
         <gm:item template="photo">
           <gm:handleEvent src="list" event="select"/>
         </gm:item>
       </td>
     </tr>
  </table>

  <gm:template id="photoList">
     <div repeat="true" style="padding: 5px">
        <gm:image ref="media:group/media:thumbnail/@url" height="54" width="54" mode="fill" style="float: left"/>
        <gm:text ref="atom:title"/>
        <br style="clear: both"/>
     </div>
  </gm:template>

  <gm:template id="photo">
    <gm:image ref="media:group/media:thumbnail[@width='288']/@url"/>
    <gm:image ref="media:group/media:thumbnail[@height='288']/@url"/>
  </gm:template>
</gm:page>


